import React, { useEffect, useState } from 'react';
import { Descriptions } from 'antd';

const SettlementInformation: React.FC = (props) => {
  return (
    <Descriptions
      bordered
      size="small"
      style={{ height: '100vh' }}
      labelStyle={{ justifyContent: 'flex-end', width: '200px' }}
      column={{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }}
    >
      <Descriptions.Item
        labelStyle={{ justifyContent: 'flex-end', width: '130px' }}
        label="是否资金归集"
      >
        1
      </Descriptions.Item>
      <Descriptions.Item label="结算周期">12</Descriptions.Item>
      <Descriptions.Item label="结算币种"></Descriptions.Item>
      <Descriptions.Item label="目的账户类型"></Descriptions.Item>
      <Descriptions.Item label="结算方式">$20.00</Descriptions.Item>
      <Descriptions.Item label="是否支持手工清算">$60.00</Descriptions.Item>
      <Descriptions.Item label="所属国家/地区"></Descriptions.Item>
      <Descriptions.Item label="所属省份"></Descriptions.Item>
      <Descriptions.Item label="开户人地址	"></Descriptions.Item>
      <Descriptions.Item label="Swift Code	"></Descriptions.Item>
      <Descriptions.Item label="开户银行">12</Descriptions.Item>
      <Descriptions.Item label="开户银行行号"></Descriptions.Item>
      <Descriptions.Item label="账户名称"></Descriptions.Item>
      <Descriptions.Item label="户口号码	"></Descriptions.Item>
      <Descriptions.Item label="其他编码	"></Descriptions.Item>
    </Descriptions>
  );
};

export default SettlementInformation;
